<template>
  <view class="ui-page ui-page__scroll">
    <!-- <uiCellGroup title="基本"> -->
    <view class="ui-demo-block">
      <view class="demo-block--title">基本</view>
      <view>
        <uiEmpty></uiEmpty>
      </view>
    </view>

    <view class="ui-demo-block">
      <view class="demo-block--title">自定义图片和说明</view>
      <view>
        <uiEmpty text="自定义说明文字" extend="这是次要描述文字"></uiEmpty>
      </view>
    </view>

    <view class="ui-demo-block">
      <view class="demo-block--title">自定义内容</view>
      <view>
        <uiEmpty>
          <template #txt>
            <view>
              <uiBtn inline type="info" size="small">首页</uiBtn>
              <uiBtn inline plain size="small">返回</uiBtn>
            </view>
          </template>
        </uiEmpty>
      </view>
    </view>

    <!-- </uiCellGroup> -->
  </view>
</template>

<script>
import uiCell from "@/components/base/cell/index.vue";
import uiCellGroup from "@/components/base/cell-group/index.vue";

import uiEmpty from "components/base/empty/index";
import uiBtn from "components/base/button/index";
export default {
  name: "demoEmptyComponentPage",
  components: {
    uiCellGroup,
    uiCell,
    uiEmpty,
    uiBtn
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss"></style>
